<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
     <script>
        //  $.ajax({
        //      url:'http://localhost:8080/list',
        //      method:'get',
        //      dataType:'jsonp',//执行的是jsonp的请求
        //      success:res=>{
        //         console.log(res);
        //      }
        //  })
         //原理：javascript callback的形式实现跨域访问
         //jquery的ajax封装了它，当服务器拿到callback
         //执行的是success函数
         //前提是f是个全局函数，并且服务器的支持
         //例如 Hybrid混合移动开发：原生iso开发嵌入web移动端的页面
         //当web移动端需要iso的数据的时候，
         //伪url协议，web移动端请求的时候，ios会拦截，一看是约定好的
         //协议，会触发url上携带的callback回调函数
         //相关文档：https://www.jianshu.com/p/98b421417218
         //https://blog.csdn.net/chenmh12/article/details/100302799
         //原理也是通过url获取到callback，执行callback
         //学习jsop是学习原理，以后遇到差不多的，按照这样的方法解决问题
         function  f(params) {
             console.log(params);
         }
     </script>
     <script src="http://localhost:8080/list?callback=f"></script>
</body>
</html>